<template>
	<view class="home-menu">
		
		<view class="list u-f-ac u-f-jsb" @click="pageGo('/pages/home/note')">
			
			<view class="l u-f-ac">
				
				<view class="icon">
					<u-icon name="file-text" size="42rpx"></u-icon>
				</view>
				
				<view class="name">
					<text>我的笔记</text>
				</view>
				
			</view>
			<view class="r u-f-ac">
				
				<view class="nums u-f-ajc">
					<text>{{noteDataCount.noteSum}}</text>
				</view>
				
				<view class="more">
					<u-icon name="arrow-right" size="30rpx" color="#EFEFF4"></u-icon>
				</view>
				
			</view>
			
		</view>
		
		
		<view class="list u-f-ac u-f-jsb" @click="pageGo('/pages/home/share')">
			
			<view class="l u-f-ac">
				
				<view class="icon">
					<u-icon name="share-square" size="42rpx"></u-icon>
				</view>
				
				<view class="name">
					<text>分享记录</text>
				</view>
				
			</view>
			<view class="r u-f-ac">
				
				<view class="nums u-f-ajc">
					<text>{{noteDataCount.shareSum}}</text>
				</view>
				
				<view class="more">
					<u-icon name="arrow-right" size="30rpx" color="#EFEFF4"></u-icon>
				</view>
				
			</view>
			
		</view>
		
		
		<view class="list u-f-ac u-f-jsb" @click="logout">
			
			<view class="l u-f-ac">
				
				<view class="icon">
					<u-icon name="info" size="38rpx"></u-icon>
				</view>
				
				<view class="name">
					<text>退出登录</text>
				</view>
				
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		props:{
			noteDataCount:Object
		}
	}
</script>

<style scoped lang="scss">
.home-menu{
	background-color: white;
	margin-top: 20rpx;
	padding: 5rpx 30rpx;
	.list{
		margin: 20rpx 0;
		padding: 20rpx 0;
		.l{
			.icon{
				margin-right: 20rpx;
			}
			.name{
				color: #4E4C56;
				font-size: 30rpx;
			}
		}
		.r{
			.nums{
				margin-right: 10rpx;
				font-size: 24rpx;
				color: #885f44;
				border-radius: 20rpx;
				width: 40rpx;
				height: 40rpx;
				background-color: #f7d11e;
			}
		}
	}
}
</style>